<template>
  <div class="landing-page">
    <Header page="home" />
    <div class="g-box">
      <div class="logo">
        <img src="@/assets/images/logo.png" />
      </div>
      <div class="summary">
        <span>Boss Pay pioneers decentralized payroll for the crypto world. Our blockchain-based platform facilitates seamless crypto payroll, airdrops, and reward claims - transparently rewarding true value creation. By eliminating intermediaries, we offer cost-effective "Pay for Value" solutions aligned with autonomy and decentralization principles. Revolutionizing payroll management through innovation.</span>
      </div>
    </div>
    <Footer />
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>

<style lang="scss" scoped>
.g-box {
  min-height: 100vh;

  .logo {
    padding: 20vh 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 320px;
    }
  }

  .summary {
    width: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;

    span {
      font-size: 20px;
      text-indent: 16px;
      line-height: 32px;
    }
  }
}
</style>
